<!doctype html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

	<style>
		body {
			background: #CCC url(body-bg.png);
			padding:0px;
			margin:0px;	
		}
		.colorBar {
			background: blue url(colorbar.png);
			height:6px;
			width:100%;
		}
		.main {
			position:absolute;
			top:0px;
			left:0px;
			right:0px;
			height:225px;
		}
		.header {
			background: url(header-bg.png);
			height:230px;
			width:100%;	
			display:block;
			position:relative;
		}
		.headerContent {
			height: 225px;
			position: relative;
			margin: 0 auto;
			display:block;
			width:900px;
		}
		.canvasWrapper {
			position:absolute;
			bottom:0px;
			left:0px;
			right:0px;
			top:235px;
		}
		.canvasWrapper canvas {
			position:absolute;
			bottom:0px;
			left:0px;
			right:0px;
			top:0px;
			outline:none !IMPORTANT;
		}	
		
	</style>
	<title>Google I/O Excitement</title>
    <script type="text/javascript" language="javascript" src="excitement/excitement.nocache.js"></script>
  </head>
  <body>

	<div class="main">
		<div class="colorBar"></div>
		<div class="header">
			<div class="headerContent">
				<img src="logo.png" style="position:absolute;bottom:50px;left:0px;" />
				<div style="color:#898989;font-family:arial;font-size:21px;position:absolute;bottom:80px;right:0px;background: url(map.png) top right no-repeat;height:40px;line-height:40px;padding-right:50px">May 10-11, 2011 / Moscone Center, San Francisco</div>
			</div>

		</div>
	</div>
	<div class="canvasWrapper" id="canvasWrapper"></div>
  </body>
</html>
